Design for mobile first
以移動端優先的設計

什麼是移動優先設計?

移動優先設計是一種設計方法:先為手機設計,再擴充套件到平板和電腦。這樣做的好處是從最基本的功能開始,再慢慢新增更多功能。

移動優先設計的核心思想

為什麼移動優先很重要?

移動優先設計的好處

  1. 載入更快:手機效能比電腦弱,所以移動優先設計會減少不必要的內容,讓頁面開啟更快。從小螢幕開始設計,能幫助我們最佳化每個元素,提高載入速度。
  1. 適應不同裝置:先設計手機版,能幫我們找出最重要的內容和功能,確保手機和電腦版本保持一致。
  1. 實際案例:YouTube Go:YouTube Go是專為網路不好的使用者設計的手機應用。即使在網路不穩定的情況下,使用者也能順暢使用。

真實案例:Google搜尋

Google以前按照電腦使用者的習慣來排序搜尋結果。後來發現大多數人用手機搜尋,就改變了排序方式,優先考慮手機使用者的需求。比如:以前搜尋餐廳,會顯示美食評論網站。現在手機使用者會優先看到地址和導航資訊,因為他們可能正在路上。這個改變說明了移動優先設計如何影響產品和使用者體驗。